이벤트 리스너 만들기
1. HTML 태그에 리스너 작성
마우스 올리면 orchid 색으로 변경
2. 이벤트 리스너 프로퍼티에 등록
마우스를 올려 보세요. 클릭해보세요...
- HTML 태그 내에 직접 작성하기
3. addEventListener() 함수를 이용한 이벤트 등록
마우스를 올려 보세요 클릭해보세요... - addEventListener() 함수 이용
4. 이벤트 객체 전달하기
마우스를 올려 보세요. 클릭해보세요...
이벤트 객체 정보 :
5. preventDefault()를 이용한 이벤트 디폴트 행동 취소
CRIS로 이동하기
CRIS로 이동하기
CRIS로 이동하기(preventDefault)
CRIS로 이동 물어보기
6. 이벤트 흐름 분석하기
7. 간단한 계산기 만들기
마우스 관련 이벤트 리스너
마우스 관련
이벤트 가 발생합니다.
컨텍스트 메뉴 처리
이 페이지는 오른쪽 마우스 버튼 클릭이 허용되지 않습니다
사진 다운 금지
이미지의 onload 이벤트 처리
이미지 클릭하여 new Image()로 새 이미지
이미지를 클릭하면 다음 이미지를 보여줍니다.
로그인
라디오버튼 활용하기
체크박스 활용
물품을 구매하면 금액이 자동 계산합니다
Select 이벤트 활용
메뉴를 선택하세요.
키 이벤트 리스너
다음 텍스트 창에 키를 눌러보세요. Alt, Shift, Ctrl 키도 사용 가능합니다.
중국집 메뉴판
주문하세요
서적 주문